<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html>
<head lang="en">
    <meta charset="UTF-8">
     <meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, maximum-scale=1, user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes" />    
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
	<meta name="format-detection" content="telephone=no"/>
	<meta name="msapplication-tap-highlight" content="no" />
	<meta http-equiv="Cache-Control" content="no-cache">
    
    <title>七星彩</title>
    <link rel="icon" href="../favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
    <script src="../js/dist/seajs/2.3.0/dist/sea.js"></script>
    <link rel="stylesheet" href="../css/wzl-bootstrap.css?q=1111"/>
    <script>
    	function load(){
    		seajs.config({
	            base:'../js/dist'
	        })
	        seajs.use('wzlh5/1.0.0/qxc')
    	}
        
    </script>
    <style>
    .qxcnav a{
        width: 85px;
        height: 30px;
        margin-top: 10px;
        line-height: 1;
    }
    </style>
</head>
<body onload="load()">
    
<div id="warp">
<div class="top-buff-bar"></div>
<nav class="wzl-navbar navbar-default" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <div class="wzl-nav-bar">
                <span class="glyphicon glyphicon-wzl-back" onclick="location.href='index.html'"></span>
                    <span class="wzl-nav-dropdown">
                        七星彩
                    </span>

                    <span class="wzl-cartext hidden">
                        七星彩-购物车
                    </span>
            </div>
            
            <div class="wzl-nav-more ">
                <span class=" glyphicon icon-more"></span>
            </div>
            <a class="wzl-car" href="#!/car">
                <span class=" glyphicon glyphicon-shopping-cart"></span>
            </a>
        </div>
    </div>
    <div class="drop-down-more">
        <ul class="list-group text-center">
            <li class="list-group-item">
                <a href="../index.html">首页</a>
            </li>
            <li class="list-group-item">
                <a href="bettingdetail.html">投注记录</a>
            </li>
            <li class="list-group-item">
                <a href="ucenter.html">用户中心</a>
            </li>
            <li class="list-group-item">
                <a href="resultqxc.html">七星彩开奖</a>
            </li>
            <li class="list-group-item">
                <a href="playqxc.html">玩法介绍</a>
            </li>
        </ul>
    </div>
</nav>
<!-- 遮罩 -->
<div class="wzl-mask" style="display: none;"></div>

<div id="selectqxc" class="container">
<!-- 历史开奖期次 -->
<div id="qxc-history" class="ball-history">
    <div class="history-bar">
        <span>正在加载历史数据...</span>
    </div>
</div>
<div id="qxcplays">
<!-- 内容直选复式区 -->
<div id="aaaa">
    <div class="ballbox qxc-1">
        <p class="ballcon-tips">个位到百万位各选一个号码，每注金额2元，最高奖金500万</p>

        <div class="ballcon redBalls">
            <div class="ballcon-block">
                <div class="ballcon-left">
                    <span class="ballcon-title">一位</span>
                    <span class="ballcon-yilou active">遗漏</span>
                </div>
                <div class="ballcon-right">
                    <ul class="clearfix" id="yla">
                        <li>
                            <span class="red_balls">0</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">1</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">2</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">3</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">4</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">5</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">6</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">7</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">8</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">9</span>
                            <em></em>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="ballbox qxc-2">

        <div class="ballcon redBalls">
            <div class="ballcon-block">
                <div class="ballcon-left">
                    <span class="ballcon-title">二位</span>
                </div>
                <div class="ballcon-right">
                    <ul class="clearfix" id="ylb">
                        <li>
                            <span class="red_balls">0</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">1</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">2</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">3</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">4</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">5</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">6</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">7</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">8</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">9</span>
                            <em></em>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="ballbox qxc-3">

        <div class="ballcon redBalls">
            <div class="ballcon-block">
                <div class="ballcon-left">
                    <span class="ballcon-title">三位</span>
                </div>
                <div class="ballcon-right">
                    <ul class="clearfix" id="ylc">
                        <li>
                            <span class="red_balls">0</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">1</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">2</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">3</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">4</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">5</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">6</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">7</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">8</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">9</span>
                            <em></em>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="ballbox qxc-4">
        <div class="ballcon redBalls">
            <div class="ballcon-block">
                <div class="ballcon-left">
                    <span class="ballcon-title">四位</span>
                </div>
                <div class="ballcon-right">
                    <ul class="clearfix" id="yld">
                        <li><span class="red_balls">0</span> <em></em></li>
                        <li>
                            <span class="red_balls">1</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">2</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">3</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">4</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">5</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">6</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">7</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">8</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">9</span>
                            <em></em>
                        </li>
                    </ul>
                </div>

            </div>
        </div>
    </div>

    <div class="ballbox qxc-5">
        <div class="ballcon redBalls">
            <div class="ballcon-block">
                <div class="ballcon-left">
                    <span class="ballcon-title">五位</span>
                </div>
                <div class="ballcon-right">
                    <ul class="clearfix" id="yle">
                        <li><span class="red_balls">0</span> <em></em></li>
                        <li>
                            <span class="red_balls">1</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">2</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">3</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">4</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">5</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">6</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">7</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">8</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">9</span>
                            <em></em>
                        </li>
                    </ul>
                </div>

            </div>

        </div>
    </div>

    <div class="ballbox qxc-6">
        <div class="ballcon redBalls">
            <div class="ballcon-block">
                <div class="ballcon-left">
                    <span class="ballcon-title">六位</span>
                </div>
                <div class="ballcon-right">
                    <ul class="clearfix" id="ylf">
                        <li><span class="red_balls">0</span> <em></em></li>
                        <li>
                            <span class="red_balls">1</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">2</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">3</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">4</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">5</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">6</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">7</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">8</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">9</span>
                            <em></em>
                        </li>
                    </ul>
                </div>

            </div>


        </div>
    </div>

    <div class="ballbox qxc-7">
        <div class="ballcon redBalls">
            <div class="ballcon-block">
                <div class="ballcon-left">
                    <span class="ballcon-title">七位</span>
                </div>
                <div class="ballcon-right">
                    <ul class="clearfix" id="ylj">
                        <li>
                        	<span class="red_balls">0</span> 
                        	<em></em>
                        </li>
                        <li>
                            <span class="red_balls">1</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">2</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">3</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">4</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">5</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">6</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">7</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">8</span>
                            <em></em>
                        </li>
                        <li>
                            <span class="red_balls">9</span>
                            <em></em>
                        </li>
                    </ul>
                </div>

            </div>

            <div class="ball-yaoyiyao"></div>
        </div>
    </div>

</div>
</div>
</div>

<div id="tzsuccess">
    <div class="tzinfo">
        <img src="../imgs/ui/tz_smile.png" alt=""/>
        <p>投注成功！</p>
    </div>
    <div class="tz-btn-group">
        <a href="qxc.html" class="btn btn-wzl-default btn-lg btn-block">继续投注</a>
        <a href="bettingdetail.html" class="btn btn-default btn-lg btn-block">查看投注详情</a>
    </div>

</div>
<!-- 内容 购物篮 -->
<div class="container wzl-hafix" id="f3dcar" style="display: none">
    <!-- 按钮选择组 -->
    <div class="btn-group wzl-mb-20">
        <button id="car-addhm" type="button" class="btn btn-default btn-wzl-pink">增加自选号码</button>
        <button id="car-addjx" type="button" class="btn btn-default btn-wzl-pink">增加机选1注</button>
    </div>
    <!-- 结果呈现组 -->
    <div class="ball-select-list">
        <div id="car-no-select" class="car-no-select hidden">
            你尚未选择号码！ <a href="qxc.html">选购</a>
        </div>
        <ul class="ball-select-group" id="ball-select-group">

        </ul>
        <div class="ball-remove text-right">
            <span class="glyphicon icon-trash"></span>
        </div>
    </div>
</div>

<!-- 底部栏 -->
<div class="wzl-fixed" id="buycarfixedbtn">
    <span class="glyphicon icon-trash"></span>
    <a class="ball-status-bar icon-right disabled">
        添加购物车
    </a>
</div>

<!-- 底部栏 购物车-->
<div class="wzl-fixed" id="carfixed" style="display: none;">
    <div style="border-bottom:1px solid #ccc;width:100%">每个二维码只能使用一次</div>
    <div class="buy-bar" id="car-total">

    </div>
</div>
</div>

<script id="ball-select-item" type="text/x-handlebars-template">
    {{#each list}}
    <li class="ball-select-item clearfix" data-id="{{id}}">
        <a class=" ball-select-remove" href="javascript:;"> <span class="glyphicon icon-close-circula"></span></a>

        <div class="ball-select-result pull-left">
            <p class="ball-select-warp">
                <span class="redBalls">{{redStr}}</span>
            </p>

            <p class="ball-select-warp">
                <span class="pull-left">{{type}}</span> <span
                    class="ball-select-total pull-right">{{count}}注{{price}}元</span>
            </p>
        </div>
        <span class="glyphicon icon-right hidden"></span>
    </li>
    {{/each}}
</script>
<script id="car-total-template" type="text/x-handlebars-template">
    <div class="buy-bar-items result-info">
        <div class="buy-bar-info">
            <span>买</span>
            <span class="glyphicon icon-minus order-buy-items buy-bar-qcminus"></span>
            <input type="text" value="{{qi}}" id="ball-qc"/>
            <span class="glyphicon icon-plus order-buy-items buy-bar-qcplus"></span>
            <span>期</span>
        </div>
        <div class="buy-bar-info">
            <span>投</span>
            <span class="glyphicon icon-minus order-buy-items buy-bar-beiminus"></span>
            <input type="text" value="{{bei}}" id="ball-bei"/>
            <span class="glyphicon icon-plus order-buy-items buy-bar-beiplus"></span>
            <span>倍</span>
        </div>
    </div>
    <div class="buy-bar-items other-info" style="display:none">
        <div class="checkbox">
            <label>
                {{#if zjstop}}
                <input type="checkbox" checked id="ball-zjstop">
                {{else}}
                <input type="checkbox" id="ball-zjstop">
                {{/if}}
                中奖后停止
            </label>
        </div>
    </div>
    <div class="buy-bar-items buy-info">
        <div class="buy-bar-info"  style="display:none">
            <a href="javascript:;" class="btn btn-default hidden" id="ssq_hm">发起合买</a>
        </div>
        <div class="buy-bar-info">
            <span class="wzl-text-warning">{{count}}</span>注 <span class="wzl-text-warning">{{bei}}</span><span>倍</span>
            <span class="wzl-text-warning">{{qi}}</span>期 共： ￥<span class="wzl-text-warning">{{price}}</span>
	   <p id="oBalance" style="margin-top:5px;font-size:14px;">您的二维码余额还可购买<span style="color:red">{{money}}</span>注</p>
        </div>
        <div class="buy-bar-info">
            <a href="javascript:;" class="btn btn-default btn-wzl-red" id="ssq_buy"> 兑换</a>
        </div>
    </div>
</script>
<script id="history-template" type="text/x-handlebars-template">
    <div class="history-list" style="display: none">
        <ul class="history-list-group">
            {{#each data}}
            <li class="history-list-items"><span class="history-stage">{{issue}}期</span><span class="history-number"><b class="redBalls">{{ball}}</b>
            {{/each}}
        </ul>
    </div>
</script>

</body>
</html>